<template>
	<div>
		<hr>
		<hr>
		<h3>发表评论</h3>
		
		<textarea placeholder="请输入要bb的内容(不多于120字)" maxlength="120">
			
		</textarea>
		<mt-button type="primary" size="large">发表评论</mt-button>
		
		<div class="cmt-main">
			<div class="cmt-list">
				<div class="cmt-header">
					1楼&nbsp;&nbsp;用户:匿名用户&nbsp;&nbsp;发表时间：2018年5月17日00:22:16
				</div>
				<div class="cmt-body">
					锄禾日当午，汗滴禾下土
				</div>
			</div>	
		</div>
		<div class="cmt-main">
			<div class="cmt-list">
				<div class="cmt-header">
					1楼&nbsp;&nbsp;用户:匿名用户&nbsp;&nbsp;发表时间：2018年5月17日00:22:16
				</div>
				<div class="cmt-body">
					锄禾日当午，汗滴禾下土
				</div>
			</div>	
		</div>
		<div class="cmt-main">
			<div class="cmt-list">
				<div class="cmt-header">
					1楼&nbsp;&nbsp;用户:匿名用户&nbsp;&nbsp;发表时间：2018年5月17日00:22:16
				</div>
				<div class="cmt-body">
					锄禾日当午，汗滴禾下土
				</div>
			</div>	
		</div>
		<div class="cmt-main">
			<div class="cmt-list">
				<div class="cmt-header">
					1楼&nbsp;&nbsp;用户:匿名用户&nbsp;&nbsp;发表时间：2018年5月17日00:22:16
				</div>
				<div class="cmt-body">
					锄禾日当午，汗滴禾下土
				</div>
			</div>	
		</div>

		<mt-button type="danger" size="large" plain>加载更多</mt-button>
	</div>
</template>

<script>
	
</script>

<style lang="scss" scoped>
	.cmt-main{
		padding-top:5px;
		padding-bottom:5px;
		.cmt-list{
			padding-bottom:5px;
			.cmt-header{
				background-color:#ccc;
				font-size:12px;
				color:#369;
			}
			.cmt-body{
				padding-top:5px;
				height:30px;
				text-indent:2em;
				font-size:14px;
			}
		}

	}
	textarea{
		font-size:12px;
	}
	
	
</style>